<template>
    <div>
      <div class="radar-settingtool">
            <el-select v-model="city" placeholder="请选择地区">
              <el-option
                v-for="item in cities"
                :key="item"
                :label="item"
                :value="item"
               
              >
              </el-option>
            </el-select>
    </div>
        <div >
            <vRadar :city="city"></vRadar>
        </div>
        
    </div>
  
</template>

<script>
import vRadar from "@/components/custom/forestRadar";

export default {

  components: {
   vRadar,
  },
  data() {
    return {
      city: '北京',
    cities: ["北京","天津","河北","山西","内蒙古","辽宁","吉林","黑龙江","上海","江苏","浙江","安徽",
      "福建","江西","山东","河南","湖北","湖南","广东","广西","海南","重庆","四川","贵州","云南","西藏","陕西",
      "甘肃","青海","宁夏","新疆",]
    };
  },
  mounted() {},
  beforeDestroy() {},
  methods: {},
};
</script>

<style>
.radar-settingtool {
 margin: 30px; 
}
</style>